Tengo casi mil páginas HTML que forman un libro completo. Necesito un botón/enlace "Siguiente" en estas páginas que cargará las siguientes páginas en serie, para que el lector pueda navegar de una página a la siguiente en serie. La única forma que conozco de hacer esto es insertar manualmente los enlaces de cada página a la página anterior con la etiqueta "Siguiente". Para unas pocas páginas está bien, pero ¿para mil páginas? ¡Me da un infarto de solo pensarlo!
Así que estaba pensando que tal vez esto se pueda hacer con un poco de codificación Javascript / Jquery que puede simplificar y automatizar el proceso sin necesidad de abrir y cerrar mil páginas y copiar y pegar mil enlaces. Después de eso, simplemente puedo insertar el mismo código de una sola vez en todas las páginas usando Dreamweaver o cualquier editor HTML similar. El problema es que no soy programador ni codificador y no sé casi nada sobre Java, Borneo o cualquier otro script. Entonces, ¿alguien puede ayudarme en esto?
Todas mis páginas HTML (nombres de archivo) se nombran en serie como - page1.html, page2.html, page3.html... y así sucesivamente. Están todos en la misma carpeta. Estaba pensando si es posible leer el nombre de la página actual mediante programación y solo la parte del número se reemplazó con el siguiente número al agregarle 1, sin alterar el resto del nombre del archivo, y luego abrir el archivo HTML con ese nombre onClick ? es posible? ¿Alguien puede ayudarme con un poco de código?
¡Gracias de antemano por tomarse el tiempo de leer esto!
Aquí no podemos usar el método del botón "Siguiente", porque no podemos abrir cada libro html y agregar el botón "Siguiente" (mucho trabajo). Para evitar abrir el contenido html. Necesitamos usar la función .load() aquí, para cargar el contenido html del libro en una nueva página HTML.
El siguiente código puede ayudarlo en esto: primero cree una página html en el mismo directorio y agregue un y un "Siguiente". Suponga que el contenido del libro está en DIV con ID = "bookContent"
Si la página de inicio es 1, entonces el código será
var currentPage; $(window).on('load', function () { currentPage = 1; var contentHtml = 'page' + currentPage + '.html #bookContent'; //load html book content from page1.html $('#content').load(contentHtml); }); //set next button $('#next').onclick(function(){ currentPage++; var contentHtml = 'page' + currentPage + '.html #bookContent'; //load next page $('#content').load(contentHtml); });